<template>
  <div>
    <Suspension>
      <div slot="head">
        <el-button>返回</el-button>
        <el-button>保存</el-button>
      </div>
      <div slot="body">
        <el-table :data="tableData">
           <el-table-column prop="name"></el-table-column>
           <el-table-column prop="date"></el-table-column>
           <el-table-column prop="address"></el-table-column>
        </el-table>
      </div>
    </Suspension>
  </div>
</template>

<script>
import Suspension from "@/components/suspension/Suspension";
export default {
  name: "index",
  components: {Suspension},
  data(){
    return{
      tableData: [
        {name:'小明',date:'2021-02-01',address: '桃园路1'},
        {name:'小红',date:'2021-02-02',address: '桃园路2'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
        {name:'小青',date:'2021-02-03',address: '桃园路3'},
      ]
    }
  }
}
</script>

<style scoped>

</style>